//引入react
import React from 'react'
//引入样式文件
import '../../asset/css/home/header.css'
//引入iconfont
import '../../asset/css/home/iconfont/iconfont.css'
//引入搜索框组件
import { SearchBar } from 'antd-mobile';
//引入Link标签
import { NavLink } from 'react-router-dom'

//创建组件
class Header extends React.Component {
    render() {
        return (
            <div className='header'>
                {/*定位*/}
                <NavLink  to='/adress' style={{marginLeft:'-1.6rem'}}>
                    <div className='aria'>
                        <i className="iconfont icon-dingwei"></i>
                        <span>万达广场(建邺店)</span>
                    </div>
                </NavLink>
                {/*搜索框*/}
                <div className='searchIpt'>
                    <SearchBar
                        placeholder="搜索饿了么商家、商品名称"
                        ref={ref => this.manualFocusInst = ref}
                    />
                </div>
            </div>
        )
    }
}
//暴露出去
export default Header